<template>
  <div class="login">
    <div class="headPortrait"></div>
    <div class="login-title">
      <div>登录/注册</div>
      <div class="title-down">暂无绑定手机号</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'login',
}
</script>

<style scoped>
.login {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: var(--color-tint);
}
.headPortrait {
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.login-title {
  position: absolute;
  top: 26px;
  left: 110px;
  line-height: 24px;
  display: inline-block;
  color: #fff;
}
.title-down {
  margin-left: 15px;
  font-size: 13px;
}
</style>
